{extend name="frameset" /}
{block name="top"}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>img_articles</title>
  <link rel="stylesheet" href="__static__/index/css/common.css">
  <link rel="stylesheet" href="__static__/index/css/img_articles.css">
  {include file='index/header' /}
  <div class="banner">
    <h1></h1>
    <div class="h1_attach"></div>
  </div>
  </header>

  <div class="container">
    <div class="img_box">
      <div class="headline">
        <form id="bdcs-search-form" autocomplete="off" class="bdcs-search-form" target="_blank" method="get"
          action="{:url('index/index/img_articles')}">
          <input type="text" class="input" placeholder=" primary word" id="bdcs-search-form-input"
            class="bdcs-search-form-input" name="keywords" autocomplete="off" style="line-height: 30px; width:220px;">
          <input type="submit" class="submit" value="" id="bdcs-search-form-submit"
            class="bdcs-search-form-submit bdcs-search-form-submit-magnifier">
        </form>
        <a href="{:url('index/index/img_articles')}?class=1">fashion</a>
        <a href="{:url('index/index/img_articles')}?class=2">ancient</a>
      </div>



      <div class="img_container">
        <div class="img_box">
          {volist name="category" id="ar"}
          <div class="img" style="background-image: url('__static__/index/images/fashion_img/{$ar.img_file}')">
            <div class="img_att">
              <p>title:{$ar.title}</p>
              <a href="{:url('index/index/article')}?id={$ar.id}" target="_blank">view</a>
            </div>
          </div>
          {/volist}

        </div>
      </div>

      {$page}
    </div>
    {/block}